.questionTitleDiv{

}

.questionDetailDiv {
	display: none;
}

.toggleDetailDiv {
	margin-top: 1em;
	margin-bottom: 1em;
	height: 2em;
}

.toggleDetailDiv span {
	height: 2em;
	line-height: 1.2em;
}

.detailPreview {
	font-size: 1.2em;
	max-width: calc(100% - 6em);
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.toggleDetail {
	font-size: 1.2em;
	cursor: pointer;
	float: right;
	width: 6em;
}

.toggleDetail:hover {
	color: gray;
}

.toggleDetailWord {
	color: dimgray;
}

.detailPreview {
	display: inline-block;
}

.questionDetailDiv {
	margin-top: 1em;
	margin-bottom: 1em;
}

.questionInfos {
	margin-top: 1em;
	clear: both;
}

.questionInfo {
	display: inline-block;
}

.collectNum,.answerNum,.browseNum {
	font-weight: 800;
}

.infoDesc {
	color: gray;
	margin-left: 0.3em;
	margin-right: 0.5em;
}

.goodQuestion {
	cursor: pointer;
	padding: 0.5em 0.5em;
	display: inline-block;
	float: right;
	margin-top: -0.5em;
	border-radius: 2em;
	font-weight: 500;
}

.goodQuestionBeforeClick {
	background-color: #BBBBBB;
	color: white;
}

.goodQuestionBeforeClick:hover {
	background-color: #999999;
}

.goodQuestionClicked {
	color: #2195FE;
	background-color: #E3F3FF;
}

.questionActions {
	margin-top: 1em;
	margin-bottom: 1em;
}

.questionAction {
	padding-top: 1em;
	padding-bottom: 1em;
	margin-left: -3px;
	display: inline-block;
	width: 33%;
	text-align: center;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	transition: all .3s;
	cursor: pointer;
}

.questionAction:hover {
	background-color: #EEEEEE;
}

.actionIcon {
	font-size: 1.5em;
	margin-bottom: 0.5em;
}

.actionWord {
	margin-left: -3px;
	font-size: 1.2em;
}

.inviteToAnswerAction,.writeAnswerAction {
	border-right: 1px solid #DDDDDD;
}

.questionerDiv {
	height: 3em;
	line-height: 3em;
	margin-top: 0.5em;
	margin-bottom: 2em;
}

.questionerInfo {
	display: inline-block;
	vertical-align: middle;
	margin-left: -3px;
}

.questionerHeadPhoto img {
	margin-top: 0.5em;
	width: 3em;
	height: 3em;
	border-radius: 100%;
	cursor: pointer;
}

@media screen and (max-width: 767px) {
	.followTA {
		padding: 0.5em !important;
	}
}

.questionerHeadPhoto {
	width: 4em;
}

.followTA {
	max-width: 8em;
}

.questionerNicknameWord {
	font-weight: bold;
	cursor: pointer;
}

.questionerNicknameWord:hover {
	color: royalblue;
}

.questionerNickname {
	width: calc(100% - 12em);
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.goodQuestionCount {
	margin-left: 0.4em;
}

.alreadyCollect {
	color: #22BE34;
}

#questionDetail * {
	max-width: 100%;
}

#questionDetail pre {
	overflow-x: auto;
}

#questionDetail img {
	border-radius: 5px;
}

.showAfterQuestionLoaded {
	display: none;
}

#inviteToAnswerPopup {
	min-width: 300px;
}

.emptyResult {
	height: 8em;
	width: 100%;
	text-align: center;
}

.emptyImg {
	text-align: center;
	height: 4em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.emptyImg img {
	height: 100%;
	width: auto;
	filter: invert(40%);
}

.emptyWord {
	text-align: center;
	color: gray;
}

#allusers,#followers {
	max-height: 300px;
	overflow-y: auto;
}

.to_invite_HeadPhoto {
	width: 30%;
	display: inline-block;
	vertical-align: middle;
	height: 3em;
	width: 3em;
}

.to_invite_Nickname {
	display: inline-block;
	vertical-align: middle;
	width: 45%;
	text-align: center;
	margin-left: 5%;
}

.to_invite_Nickname h4 {
	color: black;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.to_invite_Nickname h4:hover {
	color: royalblue !important;
}

.to_invite {
	height: 3em;
	line-height: 3em;
	margin-bottom: 2em;
}

.to_invite_HeadPhoto img {
	width: 100%;
	height: 100%;
	border-radius: 100%;
}

.to_invite_action {
	display: inline-block;
	width: 25%;
	text-align: right;
	vertical-align: middle;
}

.to_invite_action .inviteTA {
	color: royalblue;
	font-size: 1.1em;
	cursor: pointer;
}

.to_invite_action .invited {
	color: #BBBBBB;
	font-size: 1.1em;
}

.allusersSearch {
	margin-bottom: 1em !important;
}

#allusers .input i {
	margin-top: -0.4em !important;
}